<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        建议：
            1. 如果PC端布局，我们还是使用传统布局。
            2. 如果是移动端或者不考虑兼容性问题的PC端布局，我们还是建议使用flex弹性布局。
            3. 由于当前时间(2022年)，IE基本已经被遗弃了，所以flex布局基本随便用了。
     -->
</body>
</html>